*,
*::before,
*::after {
  box-sizing: border-box;
}
.family-cn {
	font-family: SourceHanSansCN-Bold, SourceHanSansCN;
}

.family-sc {
	font-family: PingFang-SC-Medium, PingFang-SC;
}

.family-DIN {
	font-family: DIN;
}
.family-M {
	font-family: M;
}
.fz-12 {
	font-size: 12upx !important;
}
.fz-13 {
	font-size: 13upx !important;
}

.fz-14 {
	font-size: 14upx !important;
}

.fz-15 {
	font-size: 15upx !important;
}

.fz-16 {
	font-size: 16upx !important;
}

.fz-18 {
	font-size: 18upx !important;
}
.fz-19{
	font-size: 19upx !important;
}
.fz-20 {
	font-size: 20upx !important;
}

.fz-22 {
	font-size: 22upx !important;
}

.fz-24 {
	font-size: 24upx !important;
}

.fz-25 {
	font-size: 25upx !important;
}

.fz-26 {
	font-size: 26upx !important;
}

.fz-28 {
	font-size: 28upx !important;
}

.fz-29 {
	font-size: 29upx !important;
}

.fz-30 {
	font-size: 30upx !important;
}

.fz-31 {
	font-size: 31upx !important;
}

.fz-32 {
	font-size: 32upx !important;
}

.fz-34 {
	font-size: 34upx !important;
}

.fz-36 {
	font-size: 36upx !important;
}
.fz-38 {
	font-size: 38upx !important;
}
.fz-40 {
	font-size: 40upx !important;
}
.fz-42 {
	font-size: 42upx !important;
}
.fz-44 {
	font-size: 44upx !important;
}
.fz-46 {
	font-size: 46upx !important;
}
.fz-48 {
	font-size: 48upx !important;
}
.fz-50 {
	font-size: 50upx !important;
}
.fz-52 {
	font-size: 52upx !important;
}

.fz-56 {
	font-size: 56upx !important;
}

.fz-60 {
	font-size: 60upx !important;
}
.fz-64 {
	font-size: 64upx !important;
}
.fz-68 {
	font-size: 68upx !important;
}
.font-weight-300 {
	font-weight: 300;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}
.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	 text-align: justify !important;   /*是两端对齐生效，需在汉字中间插入空格信息 */
}

.d-flex {
	display: flex !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.justify-content-evenly {
	justify-content: space-evenly !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch {
	align-items: stretch !important;
}
  
  
  /* align-content表示在整个盒子里垂直对齐的设置类似 align-items*/
  
.align-content-start {
	align-content: flex-start !important;
}

.align-content-end {
	align-content: flex-end !important;
}

.align-content-center {
	align-content: center !important;
}

.align-content-between {
	align-content: space-between !important;
}

.align-content-around {
	align-content: space-around !important;
}

.align-content-stretch {
	align-content: stretch !important;
}
  
  
  /* 继承align-items 的属性 指items在盒子里垂直位置 */
  
.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;  /* 可充满整个容器高度 */
}

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}
.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}

.position-sticky {
	position: sticky !important;
}    /* 它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。 */

.top-0 {
	top: 0 !important;
}

.top-4 {
	top: 4upx !important;
}

.top-6 {
	top: 6upx !important;
}

.top-8 {
	top: 8upx !important;
}

.top-10 {
	top: 10upx !important;
}

.top-12 {
	top: 12upx !important;
}

.top-14 {
	top: 14upx !important;
}

.top-16 {
	top: 16upx !important;
}

.top-18 {
	top: 18upx !important;
}

.top-20 {
	top: 20upx !important;
}

.top-22 {
	top: 22upx !important;
}

.top-24 {
	top: 24upx !important;
}

.top-26 {
	top: 26upx !important;
}
.top-28 {
	top: 28upx !important;
}
.top-30 {
	top: 30upx !important;
}
.bottom-0 {
	bottom: 0 !important;
}
.bottom-4 {
	bottom: 4upx !important;
}

.bottom-6 {
	bottom: 6upx !important;
}

.bottom-8 {
	bottom: 8upx !important;
}

.bottom-10{
	bottom: 10upx !important;
}

.bottom-12 {
	bottom: 12upx !important;
}

.bottom-14 {
	bottom: 14upx !important;
}

.bottom-16 {
	bottom: 16upx !important;
}

.bottom-18 {
	bottom: 18upx !important;
}

.bottom-20 {
	bottom: 20upx !important;
}

.bottom-22 {
	bottom: 22upx!important;
}

.bottom-24 {
	bottom: 24upx !important;
}

.bottom-26 {
	bottom: 26upx !important;
}
.bottom-28 {
	bottom: 28upx!important;
}
.bottom-30 {
	bottom: 30upx !important;
}
.left-0 {
	left: 0 !important;
}

.left-4 {
	left: 4upx !important;
}

.left-6 {
	left: 6upx !important;
}

.left-8 {
	left: 8upx !important;
}

.left-10 {
	left: 10upx !important;
}

.left-12 {
	left: 12upx !important;
}

.left-14 {
	left: 14upx !important;
}

.left-16 {
	left: 16upx !important;
}

.left-18 {
	left: 18upx !important;
}

.left-20 {
	left: 20upx !important;
}

.left-22 {
	left: 22upx !important;
}

.left-24 {
	left: 24upx !important;
}

.left-26 {
	left: 26upx !important;
}
.left-28 {
	left: 28upx !important;
}
.left-30 {
	left: 30upx !important;
}

.right-0 {
	right: 0 !important;
}

.right-4 {
	right: 4upx !important;
}

.right-6 {
	right: 6upx !important;
}

.right-8 {
	right: 8upx !important;
}

.right-10 {
	right: 10upx !important;
}

.right-12 {
	right: 12upx !important;
}

.right-14 {
	right: 14upx !important;
}

.right-16 {
	right: 16upx !important;
}

.right-18 {
	right: 18upx !important;
}

.right-20 {
	right: 20upx !important;
}

.right-22 {
	right: 22upx !important;
}

.right-24 {
	right: 24upx !important;
}

.right-26 {
	right: 26upx !important;
}
.right-28 {
	right: 328upx !important;
}
.right-30 {
	right: 30upx !important;
}
.w-0 {
	width: 0 !important;
}

.w-10 {
	width: 10upx !important;
}

.w-16 {
	width: 16upx !important;
}

.w-20 {
	width: 20upx !important;
}
.w-24 {
	width: 24upx !important;
}
.w-28 {
	width: 28upx !important;
}
.w-30 {
	width: 30upx !important;
}
.w-40 {
	width: 40upx !important;
}
.w-50 {
	width: 50upx !important;
}
.w-60 {
	width: 60upx !important;
}
.w-70 {
	width: 70upx !important;
}
.w-80 {
	width: 80upx !important;
}
.w-90 {
	width: 90upx !important;
}
.w-100 {
	width: 100upx !important;
}
.w-110 {
	width: 110upx !important;
}
.w-120 {
	width: 120upx !important;
}
.w-130 {
	width: 130upx !important;
}
.w-140 {
	width: 140upx !important;
}
.w-160 {
	width: 160upx !important;
}
.w-180 {
	width: 180upx !important;
}
.w-200 {
	width: 200upx !important;
}
.w-220 {
	width: 220upx !important;
}
.w-240 {
	width: 240upx !important;
}
.w-260 {
	width: 260upx !important;
}
.w-280 {
	width: 280upx !important;
}
.w-300 {
	width: 300upx !important;
}
.w-5x {
	width: 5% !important;
}

.w-6x {
	width: 6% !important;
}

.w-7x {
	width: 7% !important;
}

.w-8x {
	width: 8% !important;
}

.w-9x {
	width: 9% !important;
}

.w-10x {
	width: 10% !important;
}

.w-15x {
	width: 15% !important;
}

.w-20x {
	width: 20% !important;
}

.w-25x {
	width: 25% !important;
}

.w-30x {
	width: 30% !important;
}

.w-33x {
	width: 33% !important;
}

.w-35x {
	width: 35% !important;
}

.w-40x {
	width: 40% !important;
}

.w-45x {
	width: 45% !important;
}

.w-50x {
	width: 50% !important;
}

.w-55x {
	width: 55% !important;
}

.w-60x {
	width: 60% !important;
}

.w-65x {
	width: 65% !important;
}

.w-70x {
	width: 70% !important;
}

.w-75x {
	width: 75% !important;
}

.w-80x {
	width: 80% !important;
}

.w-85x {
	width: 85% !important;
}

.w-90x {
	width: 90% !important;
}

.w-95x {
	width: 95% !important;
}

.w-100x {
	width: 100% !important;
}

.w-auto {
	width: auto !important;
}

.mw-100 {
	max-width: 100% !important;
}

.vw-100 {
	width: 100vw !important;
}

.min-vw-100 {
	min-width: 100vw !important;
}
.h-20 {
	height: 20upx !important;
}
.h-30 {
	height: 30upx !important;
}
.h40 {
	height: 40upx !important;
}
.h-50 {
	height: 50upx !important;
}
.h-60 {
	height: 60upx !important;
}

.h-70 {
	height: 70upx !important;
}

.h-80 {
	height: 80upx !important;
}
.h-90 {
	height: 90upx !important;
}
.h-100 {
	height: 100upx !important;
}
.h-120 {
	height: 120upx !important;
}
.h-140 {
	height: 140upx !important;
}
.h-160 {
	height: 160upx !important;
}
.vh-100 {
	height: 100vh !important;
}
.min-vh-100 {
	min-height: 100vh !important;
}
.h-auto {
	height: auto !important;
}
.m-0 {
	margin: 0 !important;
}

.m-10 {
	margin: 10upx !important;
}
.m-16 {
	margin: 16upx !important;
}
.m-18 {
	margin: 18upx !important;
}
.m-20 {
	margin: 20upx  !important;
}
.m-24 {
	margin: 24upx  !important;
}
.m-26 {
	margin: 26upx  !important;
}
.m-30 {
	margin: 30upx  !important;
}
.m-40 {
	margin:  40upx  !important;
}
.m-auto {
	margin: auto !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.mx-4 {
	margin-right: 4upx !important;
	margin-left: 4upx !important;
}

.mx-6 {
	margin-right: 6upx !important;
	margin-left: 6upx !important;
}

.mx-8 {
	margin-right: 8upx !important;
	margin-left: 8upx !important;
}

.mx-10 {
	margin-right: 10upx !important;
	margin-left: 10upx !important;
}

.mx-12 {
	margin-right: 12upx !important;
	margin-left: 12upx !important;
}

.mx-14 {
	margin-right: 14upx !important;
	margin-left: 14upx !important;
}

.mx-16 {
	margin-right: 16upx !important;
	margin-left: 16upx !important;
}

.mx-18 {
	margin-right: 18upx !important;
	margin-left: 18upx !important;
}

.mx-20 {
	margin-right: 20upx !important;
	margin-left: 20upx !important;
}

.mx-22 {
	margin-right: 22upx !important;
	margin-left: 22upx !important;
}

.mx-24 {
	margin-right: 24upx !important;
	margin-left: 24upx !important;
}

.mx-26 {
	margin-right: 26upx !important;
	margin-left: 26upx !important;
}
.mx-28 {
	margin-right: 28upx !important;
	margin-left: 28upx !important;
}
.mx-30 {
	margin-right: 30upx !important;
	margin-left: 30upx !important;
}
.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-4 {
	margin-top: 4upx !important;
	margin-bottom: 4upx !important;
}

.my-6 {
	margin-top: 6upx !important;
	margin-bottom: 6upx !important;
}

.my-8 {
	margin-top: 8upx !important;
	margin-bottom: 8upx !important;
}

.my-10 {
	margin-top: 10upx !important;
	margin-bottom: 10upx !important;
}

.my-12 {
	margin-top: 12upx !important;
	margin-bottom: 12upx !important;
}

.my-14 {
	margin-top: 14upx !important;
	margin-bottom: 14upx !important;
}

.my-16{
	margin-top: 16upx !important;
	margin-bottom:16upx !important;
}

.my-18 {
	margin-top: 18upx !important;
	margin-bottom: 18upx !important;
}

.my-20 {
	margin-top: 20upx !important;
	margin-bottom: 20upx !important;
}

.my-22 {
	margin-top: 22upx !important;
	margin-bottom: 22upx !important;
}

.my-24 {
	margin-top: 24upx !important;
	margin-bottom: 24upx !important;
}

.my-26 {
	margin-top: 26upx !important;
	margin-bottom: 26upx !important;
}
.my-28 {
	margin-top: 28upx !important;
	margin-bottom: 28upx !important;
}
.my-30 {
	margin-top: 30upx !important;
	margin-bottom: 30upx !important;
}
.my-40 {
	margin-top: 40upx !important;
	margin-bottom: 40upx !important;
}
.my-50 {
	margin-top: 50upx !important;
	margin-bottom: 50upx !important;
}
.my-60 {
	margin-top: 60upx !important;
	margin-bottom: 60upx !important;
}
.my-70 {
	margin-top: 70upx !important;
	margin-bottom: 70upx !important;
}
.my-80 {
	margin-top: 80upx !important;
	margin-bottom: 80upx !important;
}
.my-90 {
	margin-top: 90upx !important;
	margin-bottom: 90upx !important;
}
.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mt-0 {
	margin-top: 0 !important;
}
.mt-4 {
	margin-top: 4upx !important;
}

.mt-6 {
	margin-top: 6upx !important;
}

.mt-8 {
	margin-top: 8upx !important;
}

.mt-10 {
	margin-top: 10upx !important;
}

.mt-12 {
	margin-top: 12upx !important;
}

.mt-14 {
	margin-top: 14upx !important;
}

.mt-16 {
	margin-top: 16upx !important;
}

.mt-18 {
	margin-top: 18upx !important;
}

.mt-20 {
	margin-top: 20upx !important;
}

.mt-22 {
	margin-top: 22upx !important;
}

.mt-24 {
	margin-top: 24upx !important;
}

.mt-26 {
	margin-top: 26upx !important;
}

.mt-28 {
	margin-top: 28upx !important;
}
.mt-30 {
	margin-top: 30upx !important;
}
.mt-32 {
	margin-top: 32upx !important;
}
.mt-34 {
	margin-top: 34upx !important;
}
.mt-36 {
	margin-top: 36upx !important;
}
.mt-38 {
	margin-top: 38upx !important;
}
.mt-40 {
	margin-top: 40upx !important;
}
.mt-50 {
	margin-top: 50upx !important;
}
.mt-60 {
	margin-top: 60upx !important;
}
.mt-70 {
	margin-top: 70upx !important;
}
.mt-80 {
	margin-top: 80upx !important;
}
.mt-90 {
	margin-top: 90upx !important;
}
.mt-100 {
	margin-top: 100upx !important;
}
.mt-auto {
	margin-top: auto !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-4{
	margin-right: 4upx !important;
}

.mr-6{
	margin-right: 6upx !important;
}

.mr-8 {
	margin-right: 8upx !important;
}

.mr-10 {
	margin-right: 10upx !important;
}

.mr-12 {
	margin-right: 12upx !important;
}

.mr-14 {
	margin-right: 14upx !important;
}
.mr-16 {
	margin-right: 16upx !important;
}
.mr-18 {
	margin-right: 18upx !important;
}
.mr-20 {
	margin-right: 20upx !important;
}
.mr-22 {
	margin-right: 22upx !important;
}
.mr-24 {
	margin-right: 24upx !important;
}
.mr-26 {
	margin-right: 26upx !important;
}
.mr-28 {
	margin-right: 28upx !important;
}
.mr-30 {
	margin-right: 30upx !important;
}
.mr-32 {
	margin-right: 32upx !important;
}
.mr-34 {
	margin-right: 34upx !important;
}
.mr-36 {
	margin-right: 36upx !important;
}
.mr-38 {
	margin-right: 38upx !important;
}
.mr-40 {
	margin-right: 40upx !important;
}
.mr-50 {
	margin-right: 50upx !important;
}
.mr-60 {
	margin-right: 60upx !important;
}
.mr-70 {
	margin-right: 70upx !important;
}
.mr-80 {
	margin-right: 80upx !important;
}
.mr-90 {
	margin-right: 90upx !important;
}
.mr-100 {
	margin-right: 100upx !important;
}
.mr-auto {
	margin-right: auto !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}

.mb-4 {
	margin-bottom: 4upx !important;
}

.mb-6 {
	margin-bottom: 6upx !important;
}

.mb-8 {
	margin-bottom: 8upx !important;
}

.mb-10 {
	margin-bottom: 10upx !important;
}

.mb-12 {
	margin-bottom: 12upx !important;
}

.mb-14 {
	margin-bottom: 14upx !important;
}

.mb-16 {
	margin-bottom: 16upx !important;
}

.mb-18 {
	margin-bottom: 18upx !important;
}

.mb-20 {
	margin-bottom: 20upx !important;
}

.mb-22 {
	margin-bottom: 22upx !important;
}

.mb-24 {
	margin-bottom: 24upx !important;
}

.mb-26 {
	margin-bottom: 26upx !important;
}
.mb-28 {
	margin-bottom: 28upx !important;
}
.mb-30 {
	margin-bottom: 30upx !important;
}
.mb-34 {
	margin-bottom: 34upx !important;
}
.mb-36 {
	margin-bottom: 36upx !important;
}
.mb-38 {
	margin-bottom: 38upx !important;
}
.mb-40 {
	margin-bottom: 40upx !important;
}
.mb-50 {
	margin-bottom: 50upx !important;
}
.mb-60 {
	margin-bottom: 60upx !important;
}
.mb-70 {
	margin-bottom: 70upx !important;
}
.mb-80 {
	margin-bottom: 80upx !important;
}
.mb-90 {
	margin-bottom: 90upx !important;
}
.mb-100 {
	margin-bottom: 100upx !important;
}
.mb-auto {
	margin-bottom: auto !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-4 {
	margin-left: 4upx !important;
}

.ml-6 {
	margin-left: 6upx !important;
}

.ml-8 {
	margin-left: 8upx !important;
}

.ml-10 {
	margin-left: 10upx !important;
}

.ml-12 {
	margin-left: 12upx !important;
}

.ml-14 {
	margin-left: 14upx !important;
}

.ml-16 {
	margin-left: 16upx !important;
}

.ml-18 {
	margin-left: 18upx !important;
}

.ml-20 {
	margin-left: 20upx !important;
}

.ml-22 {
	margin-left: 22upx !important;
}

.ml-24 {
	margin-left: 24upx !important;
}

.ml-26 {
	margin-left: 26upx !important;
}

.ml-28 {
	margin-left: 28upx !important
}
.ml-30 {
	margin-left: 30upx !important
}
.ml-32 {
	margin-left: 32upx !important
}
.ml-34 {
	margin-left: 34upx !important
}
.ml-36 {
	margin-left: 36upx !important
}
.ml-38 {
	margin-left: 38upx !important
}
.ml-40 {
	margin-left: 40upx !important
}
.ml-50 {
	margin-left: 50upx !important
}
.ml-60 {
	margin-left: 60upx !important
}
.ml-70 {
	margin-left: 70upx !important
}
.ml-80{
	margin-left: 80upx !important
}
.ml-90{
	margin-left: 90upx !important
}
.ml-100{
	margin-left: 100upx !important
}
.ml-auto {
	margin-left: auto !important;
}
.my-n0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mt-n4 {
	margin-top: -4upx !important;
}

.mt-n6 {
	margin-top: -6upx !important;
}

.mt-n8 {
	margin-top: -8upx !important;
}

.mt-n10 {
	margin-top: -10upx !important;
}

.mt-n12 {
	margin-top: -12upx !important;
}

.mt-n14 {
	margin-top: -14upx !important;
}

.mt-n16 {
	margin-top: -16upx !important;
}

.mt-n18 {
	margin-top: -18upx !important;
}

.mt-n20 {
	margin-top: -20upx !important;
}

.mt-n22 {
	margin-top: -22upx !important;
}

.mt-n24 {
	margin-top: -24upx !important;
}

.mr-n26 {
	margin-right: -26upx !important;
}

.mr-n28 {
	margin-right: -28upx !important;
}

.mr-n30 {
	margin-right: -30upx !important;
}

.mr-n40 {
	margin-right: -40upx !important;
}

.mr-n50 {
	margin-right: -50upx !important;
}

.mr-n60 {
	margin-right: -60upx !important;
}

.mr-n70 {
	margin-right: -70upx !important;
}

.mr-n80 {
	margin-right: -80upx !important;
}

.mr-n90 {
	margin-right: -90upx !important;
}

.mr-n100 {
	margin-right: -100upx !important;
}

.mb-n4 {
	margin-bottom: -4upx !important;
}

.mb-n6 {
	margin-bottom: -6upx !important;
}

.mb-n8 {
	margin-bottom: -8upx !important;
}

.mb-n10 {
	margin-bottom: -10upx !important;
}

.mb-n12 {
	margin-bottom: -12upx !important;
}

.mb-n14 {
	margin-bottom: -14upx !important;
}

.mb-n16 {
	margin-bottom: -16upx !important;
}

.mb-n18 {
	margin-bottom: -18upx !important;
}

.mb-n20 {
	margin-bottom: -20upx !important;
}

.ml-n4 {
	margin-left: -4upx !important;
}

.ml-n6 {
	margin-left: -6upx !important;
}

.ml-n8 {
	margin-left: -8upx !important;
}

.ml-n10 {
	margin-left: -10upx !important;
}

.ml-n12 {
	margin-left: -12upx !important;
}

.ml-n14 {
	margin-left: -14upx !important;
}

.ml-n16 {
	margin-left: -16upx !important;
}

.ml-n18 {
	margin-left: -18upx !important;
}

.ml-n20 {
	margin-left: -20upx !important;
}

.p-0 {
	padding: 0 !important;
}

.p-4{
	padding: 4upx !important;
}

.p-6 {
	padding: 6upx !important;
}

.p-8 {
	padding: 8upx !important;
}

.p-10 {
	padding: 10upx !important;
}

.p-12 {
	padding: 12upx !important;
}

.p-14 {
	padding: 14upx !important;
}

.p-16 {
	padding: 16upx !important;
}

.p-18 {
	padding: 18upx !important;
}

.p-20 {
	padding: 20upx !important;
}

.p-30 {
	padding: 30upx !important;
}

.p-40 {
	padding: 40upx !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.px-4 {
	padding-right: 4upx !important;
	padding-left: 4upx !important;
}

.px-6 {
	padding-right: 6upx !important;
	padding-left: 6upx !important;
}

.px-8 {
	padding-right: 8upx !important;
	padding-left: 8upx !important;
}

.px-10 {
	padding-right: 10upx !important;
	padding-left: 10upx !important;
}

.px-12 {
	padding-right: 12upx !important;
	padding-left: 12upx !important;
}

.px-14 {
	padding-right: 14upx !important;
	padding-left: 14upx !important;
}

.px-16 {
	padding-right: 16upx !important;
	padding-left: 16upx !important;
}

.px-18 {
	padding-right: 18upx !important;
	padding-left: 18upx !important;
}

.px-20{
	padding-right: 20upx !important;
	padding-left: 20upx !important;
}

.px-22 {
	padding-right: 22upx !important;
	padding-left: 22upx !important;
}

.px-24 {
	padding-right: 24upx !important;
	padding-left: 24upx!important;
}

.px-26 {
	padding-right: 26upx !important;
	padding-left: 26upx !important;
}
.px-28 {
	padding-right: 28upx !important;
	padding-left: 28upx !important;
}
.px-30 {
	padding-right: 30upx !important;
	padding-left: 30upx !important;
}
.px-40 {
	padding-right: 40upx !important;
	padding-left: 40upx !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-4 {
	padding-top: 4upx !important;
	padding-bottom: 4upx !important;
}

.py-6 {
	padding-top: 6upx !important;
	padding-bottom: 6upx !important;
}

.py-8{
	padding-top: 8upx !important;
	padding-bottom: 8upx !important;
}

.py-10 {
	padding-top: 10upx !important;
	padding-bottom: 10upx !important;
}

.py-12 {
	padding-top: 12upx !important;
	padding-bottom: 12upx !important;
}

.py-14 {
	padding-top: 14upx !important;
	padding-bottom: 14upx !important;
}

.py-16 {
	padding-top: 16upx !important;
	padding-bottom: 16upx !important;
}

.py-18 {
	padding-top: 18upx !important;
	padding-bottom: 18upx !important;
}

.py-20 {
	padding-top: 20upx !important;
	padding-bottom: 20upx !important;
}

.py-22 {
	padding-top: 22upx !important;
	padding-bottom: 22upx !important;
}

.py-24 {
	padding-top: 24upx !important;
	padding-bottom: 24upx !important;
}

.py-26 {
	padding-top: 26upx !important;
	padding-bottom: 26upx !important;
}
.py-28 {
	padding-top: 28upx !important;
	padding-bottom: 28upx !important;
}
.py-30 {
	padding-top: 30upx !important;
	padding-bottom: 30upx !important;
}
.py-40 {
	padding-top: 40upx !important;
	padding-bottom: 40upx !important;
}
.pt-0 {
	padding-top: 0 !important;
}

.pt-4 {
	padding-top: 4upx !important;
}

.pt-6{
	padding-top:5upx !important;
}

.pt-8 {
	padding-top: 8upx !important;
}

.pt-10 {
	padding: 10upx !important;
}

.pt-12{
	padding-top: 12upx !important;
}

.pt-14 {
	padding-top: 14upx !important;
}

.pt-16 {
	padding-top: 16upx !important;
}

.pt-18 {
	padding-top: 18upx !important;
}

.pt-20 {
	padding-top: 20upx !important;
}

.pt-22 {
	padding-top: 22upx !important;
}

.pt-24 {
	padding-top: 24upx !important;
}

.pt-26 {
	padding-top: 26upx !important;
}

.pt-28 {
	padding-top: 28upx !important;
}
.pt-30 {
	padding-top: 30upx !important;
}
.pt-40 {
	padding-top:40upx !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pr-4 {
	padding-right: 4upx !important;
}

.pr-6{
	padding-right: 6upx !important;
}

.pr-8 {
	padding-right: 8upx !important;
}

.pr-10 {
	padding-right: 10upx !important;
}

.pr-12 {
	padding-right: 12upx !important;
}

.pr-14 {
	padding-right: 14upx !important;
}

.pr-16 {
	padding-right: 16upx !important;
}

.pr-18 {
	padding-right: 18upx !important;
}

.pr-20 {
	padding-right: 20upx !important;
}

.pr-22 {
	padding-right: 22upx !important;
}

.pr-24 {
	padding-right:24upx !important;
}

.pr-26 {
	padding-right: 26upx !important;
}

.pr-28 {
	padding-right: 28upx !important;
}
.pr-30 {
	padding-right:  30upx !important;
}
.pr-40 {
	padding-right: 40upx !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-4 {
	padding-bottom: 4upx !important;
}

.pb-6 {
	padding-bottom: 6upxm !important;
}

.pb-8 {
	padding-bottom: 8upx !important;
}

.pb-10 {
	padding-bottom: 10upx !important;
}

.pb-12 {
	padding-bottom: 12upx !important;
}

.pb-14 {
	padding-bottom: 14upx !important;
}

.pb-16 {
	padding-bottom: 4rem !important;
}

.pb-18 {
	padding-bottom: 18upx !important;
}

.pb-20 {
	padding-bottom: 20upx !important;
}

.pb-22 {
	padding-bottom: 22upx !important;
}

.pb-24 {
	padding-bottom: 24upxm !important;
}

.pb-26 {
	padding-bottom: 26upxm !important;
}

.pb-28 {
	padding-bottom: 28upx !important;
}
.pb-30 {
	padding-bottom: 30upx !important;
}
.pb-40 {
	padding-bottom: 40upx !important;
}
.pb-50 {
	padding-bottom: 50upx !important;
}
.pb-60 {
	padding-bottom: 60upx !important;
}
.pb-70 {
	padding-bottom: 70upx !important;
}
.pb-80 {
	padding-bottom: 80upx !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pl-4 {
	padding-left: 4upx !important;
}

.pl-6 {
	padding-left: 6upx !important;
}

.pl-8 {
	padding-left: 8upx !important;
}

.pl-10 {
	padding-left: 10upx !important;
}

.pl-12 {
	padding-left: 12upx !important;
}

.pl-14{
	padding-left: 14upx  !important;
}

.pl-16 {
	padding-left: 16upx !important;
}

.pl-18 {
	padding-left: 18upx !important;
}

.pl-20{
	padding-left: 20upx !important;
}

.pl-22 {
	padding-left: 22upx !important;
}

.pl-24 {
	padding-left: 24upx !important;
}

.pl-26 {
	padding-left: 26upx !important;
}

.pl-28 {
	padding-left: 28upx !important;
}
.pl-30 {
	padding-left: 30upx !important;
}
.pl-40 {
	padding-left: 40upx !important;
}
.x-auto {
	margin-left: auto;
	margin-right: auto;
}

.w-0 {
  width: 0% !important;
}

.w-1 {
  width: 1% !important;
}

.w-2 {
  width: 2% !important;
}

.w-3 {
  width: 3% !important;
}

.w-4 {
  width: 4% !important;
}

.w-5 {
  width: 5% !important;
}

.w-6 {
  width: 6% !important;
}

.w-7 {
  width: 7% !important;
}

.w-8 {
  width: 8% !important;
}

.w-9 {
  width: 9% !important;
}

.w-10 {
  width: 10% !important;
}
.w-11 {
  width: 11% !important;
}
.w-12 {
  width: 12% !important;
}
.w-13 {
  width: 13% !important;
}
.w-14 {
  width: 14% !important;
}
.w-15 {
  width: 15% !important;
}
.w-16 {
  width: 16% !important;
}
.w-17 {
  width: 17% !important;
}
.w-18 {
  width: 18% !important;
}
.w-19 {
  width: 19% !important;
}
.w-20 {
  width: 20% !important;
}
.w-21 {
  width: 21% !important;
}
.w-22 {
  width: 22% !important;
}
.w-23 {
  width: 23% !important;
}
.w-24 {
  width: 24% !important;
}
.w-25 {
  width: 25% !important;
}
.w-26{
  width: 26% !important;
}
.w-27 {
  width: 27% !important;
}
.w-28  {
  width: 28% !important;
}
.w-29 {
  width: 29% !important;
}
.w-30 {
  width: 30% !important;
}
.w-31 {
  width: 31% !important;
}
.w-32 {
  width: 32% !important;
}
.w-33 {
  width: 33% !important;
}
.w-34 {
  width: 34% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.border-0 {
  border-width: 0 !important;
}
.line-h-1em {
	line-height: 1em;
}
.radius-5{
	border-radius: 50%;
}
.radius-10{
	border-radius: 100%;
}
.z-index-0 {
	z-index: 0 !important;
}

.z-index-1 {
	z-index: 1 !important;
}

.z-index-2 {
	z-index: 2 !important;
}
.z-index-3 {
	z-index: 3 !important;
}
.z-index-4 {
	z-index: 4 !important;
}
.z-index-9 {
	z-index: 9 !important;
}
.z-index-100 {
	z-index: 100 !important;
}
.z-index-9999 {
	z-index: 9999 !important;
}
.btn-none::after{
	content: ' ';
	position: absolute;
	pointer-events: none;
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	left: 0;
	top: 0;
	width: 199.8%;
	height: 199.7%;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	border: 1px solid currentColor;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.35);
}
/deep/.uni-button:after {
	border: none !important;
}

/deep/.u-hairline-border:after {
	border: none !important;
}